<template>
    <div class="box">
      <div class="box1"></div>
    </div>
</template>

<script>
// export default 暴露的空对象 {} 当作Vue实例对象
export default{

}
</script>
 
<style lang="less">

/*
   让style支持less
      1.给style加上lang = 'less'
      2.安装依赖包 less less-loader
        yarn add less less-loader -D(开发依赖)
*/
.box{
  width: 400px;
  height: 400px;
  background-color: #bfa;
  .box1{
    width: 200px;
    height: 200px;
    background-color: red;
  }
}

</style>

